<template>
  <img :style="{
    width: size + 'px',
    height: size + 'px'
  }" class="avatar-container" :src="url">
</template>

<script>
export default {
    props: {
        size: {
            type: Number,
            default: 150
        },
        url: {
            type: String,
            required: true
        }
    }
}
</script>

<style scoped lang="less">
.avatar-container{
    border-radius: 50%;
}
</style>